<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <f:view xmlns:h="http://java.sun.com/jsf/html"
            xmlns:p="http://primefaces.org/ui"
            xmlns:f="http://java.sun.com/jsf/core" 
            xmlns:c="http://java.sun.com/jsp/jstl/core"
            xmlns:ui="http://java.sun.com/jsf/facelets">
        <h:head>
            <ui:include src="creatively-html-head.xhtml">
                <ui:param name="pageTitle" value="#{pageTitle}"/>
            </ui:include>

            <ui:insert name="headscripts"/>

            <ui:insert name="headstyles"/>
        </h:head>
        <h:body>
            <!-- Wrapper begin -->
            <div id="wrapper" class="clearfix">

                <!-- Header -->
                <header>
                    <ui:include src="creatively-page-head.xhtml">
                        <ui:param name="webSiteTitle" value="#{webSiteTitle}"/>
                    </ui:include>
                </header>

                <!-- Container begin --><div class="container_12">

                    <!-- MAIN CONTENT BEGIN -->

                    <!-- Showcase -->
                    <!-- Container end --></div>
                <section id="showcase" class="clearfix">
                    <!-- Container begin -->
                    <div class="container_12">
                
                        <ui:insert name="showcase">

                        </ui:insert>
                        <!-- Container end -->
                    </div>
                </section>
                <!-- Container begin -->
                <div class="container_12">
                    <!-- Features -->
                    <ui:insert name="features">

                    </ui:insert>
                    <ul class="features grid_4">
                        <li>
                            <span class="shadow"><img src="img/icons/text-html.png" alt="" /></span>
                            <h3 class="small_section">HTML5 valid</h3>
                            <p>We use modern web technologies, such as HTML5 and CSS3.</p>
                        </li>
                        <li>
                            <span class="shadow"><img src="img/icons/applications-graphics.png" alt="" /></span>
                            <h3 class="small_section">Quickly developing</h3>
                            <p>We try our best to make a good project.</p>
                        </li>
                        <li>
                            <span class="shadow"><img src="img/icons/stock_bookmark.png" alt="" /></span>
                            <h3 class="small_section">File storage</h3>
                            <p>You can easily upload your files and be sure of its safety.</p>
                        </li>
                    </ul>
                    <ul class="features grid_4">
                        <li>
                            <span class="shadow"><img src="img/icons/evolution.png" alt="" /></span>
                            <h3 class="small_section">Ready to help</h3>
                            <p>If you have eny problems, our team will always be ready to help.</p>
                        </li>
                        <li>
                            <span class="shadow"><img src="img/icons/gnome-panel-launcher.png" alt="" /></span>
                            <h3 class="small_section">Simple</h3>
                            <p>Just upload the file and you will be able to download it at any time.</p>
                        </li>
                        <li>
                            <span class="shadow"><img src="img/icons/file-roller.png" alt="" /></span>
                            <h3 class="small_section">Secret share</h3>
                            <p>At least 3 users should approve the download of a group file.</p>
                        </li>
                    </ul>

                    <!-- Sidebar -->
                    <section class="sidebar grid_4">
                        <ui:insert name="sidebar">

                        </ui:insert>
                    </section>

                    <div class="clearfix"></div>

                    <!-- Message -->
                    <div class="tagline grid_12">
                        <p>
                            XFiles.in is an actively developing project. You can upload your private files, share files with other users and be sure of its security. We don't know your passwords!
                            <br/>
                            We work hard and are happy to introduce new features every day. To be aware of what is going on check out our twitter and blog.
                        </p>
                    </div>

                    <!-- Testimonials -->
                    <ul class="testimonials grid_4">
                        <ui:insert name="testimonials">

                        </ui:insert>
                    </ul>

                    <!-- Twitter -->
                    <div class="twitter grid_4">
                        <ui:insert name="twitter">

                        </ui:insert>
                    </div>

                    <!-- Numbered list -->
                    <ul class="list grid_4">
                        <ui:insert name="list">

                        </ui:insert>
                    </ul>


                    <!-- MAIN CONTENT END -->

                    <!-- Container end --></div>

                <!-- Wrapper end --></div>

            <section id="dialogs" style="height: 0px;">
                <ui:insert name="dialogs"/>
            </section>
            <!-- Footer -->
            <footer>
                <ui:include src="creatively-footer.xhtml"/>
            </footer>

            <!-- Load main script -->
            <script src="js/script.js"></script>

            <!-- Load Nivo Slider -->
            <script src="js/libs/jquery.nivo.slider.pack.js"></script>

            <!-- Load Fancybox -->
            <script src="js/libs/jquery.fancybox-1.3.4.pack.js"></script>
 
            <!-- Load Twitter news stream -->
            <script src="js/libs/jquery.tweet.js"></script>

            <ui:include src="creatively-bottom-scripts.xhtml"/>

        </h:body>
    </f:view>
</html>